<template>
<div>
	<home-header ></home-header>
	<home-swiper :list='swiperList'></home-swiper>
	<home-icons :list="iconList"></home-icons>
	<home-recommend :list="recommendList"></home-recommend>
	<home-weekend :list="weekendList"></home-weekend>
 </div>
</template>
<script>
import HomeHeader from './components/Header.vue'
import HomeSwiper from './components/Swiper'
import HomeIcons from './components/Icons'
import HomeRecommend from './components/Recommend'
import HomeWeekend from './components/Weekend.vue'
import axios from 'axios'
import {mapState} from 'vuex'
export default {
  name: 'home',
  components:{
	  HomeHeader,
	  HomeSwiper,
	  HomeIcons,
	  HomeRecommend,
	  HomeWeekend
  },
  computed:{
	  ...mapState(['city'])
  },
  data () {
	  return {
		  lastCity:'',
		  swiperList:[],
		  iconList:[],
		  recommendList:[],
		  weekendList:[]
	  }
  },
  methods: {
	  getHomeInfo () {
		  axios.get('/api/index.json?city='+this.city)
			.then(this.getHomeInfosucc)
	  },
	  getHomeInfosucc (res){
		  res=res.data
		  if(res.ret&&res.data){//如果后端正确返回了结果且数据存在
			  const data=res.data//定义变量
			  this.swiperList=data.swiperList
			  this.iconList=data.iconList
			  this.recommendList=data.recommendList
			  this.weekendList=data.weekendList
		  }
	  }
  },
  mounted () {
	  this.lastCity=this.city
	  this.getHomeInfo()
	  
  },
  activated () {
	  if(this.lastCity!==this.city){
		  this.lastCity=this.city
		  this.getHomeInfo()
	  }
	  
  }
}
</script>
<style>
</style>
